<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>用于详情展示</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">

    <script type="text/javascript" language="javascript" src="../../../resource/jquery/jquery.min.js"></script>
    <script type="text/javascript" language="javascript" src="js/singtable.js"></script>
</head>
<body>
<div class="container">
    <div id="example">
        <table>
            <thead><tr><th>名称</th><th>详情</th></tr></thead>
            <tbody>
            <tr><td>房间</td><td>标准大床房</td></tr>
            <tr><td>面积</td><td>45平米</td></tr>
            <tr><td>价格</td><td>171元</td></tr>
            </tbody>
        </table>

    </div>
</div>

<script>
    (function(){
        var create_table=new SingTable();
        var columns='{{columns}}';
        if(columns){columns=JSON.parse(columns);}
        else{
            columns=null;
        }
        var table=create_table.fillTableData(JSON.parse('{{data}}'),columns,["属性","详情"]);
        var obj= $('#example');
        obj .html(table);


    })();
</script>
</body>
</html>